// base color
$color-primary: #409EFF;
$blue:#324157;
$light-blue:#3A71A8;
$red:#C03639;
$pink: #E65D6E;
$green: #30B08F;
$tiffany: #4AB7BD;
$yellow:#FEC171;
$panGreen: #30B08F;

// sidebar
$menuText-dark:#bfcbd9;
$subMenuActiveText-dark:#409eff; 
$menuBg-dark:#304156;
$menuHover-dark:#263445;
$subMenuBg-dark:#1f2d3d;
$subMenuHover-dark:#001528;

$menuText-light:#303133;
$subMenuActiveText-light:#409eff; 
$menuBg-light:#fff;
$menuHover-light: #ecf5ff;
$subMenuBg-light:#fff;
$subMenuHover-light:    #ecf5ff;


$sideBarWidth: 210px;

:export {
  colorPrimary:$color-primary;
  sideBarWidth: $sideBarWidth;
}
